<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../jquery2.1.1.min.js"></script>
</head>
<body>


<div id="div1">
    <ul >
        <li class="active" name="TF"><a href='javascript:;'>风机</a><span></span></li>
        <li  name="ZM"><a href='javascript:;'>照明</a><span></span></li>

        <li name="PS"><a href='javascript:;'>排水泵</a><span></span></li>
        <li name="RQ"><a href='javascript:;'>井盖</a><span></span></li>
    </ul>

</div>



<ul >
    <li class="active" name="TF"><a href='javascript:;'>风机</a><span></span></li>
    <li  name="ZM"><a href='javascript:;'>照明</a><span></span></li>

    <li name="PS"><a href='javascript:;'>排水泵</a><span></span></li>
    <li name="RQ"><a href='javascript:;'>井盖</a><span></span></li>
</ul>




   <script>
       $("#div1 ul li").click(function (e){



           $(this).siblings().removeClass("active");
           $(this).addClass("active");
       })
   </script>

</body>
</html>